<div
  v-loading="isPageLoading"
  :class="[$store.state.appPrefix + '-p-users-import',$store.state.appPrefix + '-p-period-import-trainee', $store.state.appPrefix + '-p-period-comon']" data-table-extra="56">
  <div class="info-header">
    <i class="el-icon-arrow-left" @click="$router.go(-1)"></i>
    导入人员信息
    <div class="header-actions fr">
      <el-button size="small" @click="$downTraineeTem">下载导入模版</el-button> 
      <el-upload
        v-if="checkType !== 'succ'"
        ref="excelUpload"
        :accept="fileMimeType[4]"
        :show-file-list="false"
        :on-change="$handleCheckExcel"
        :auto-upload="false">
        <el-button size="small" type="primary">{{checkType === 'fail' ? '重新上传' : '上传导入文件'}}</el-button>
      </el-upload>
      
    </div>
  </div>
  <div class="g-table-layout">  
    <div class="g-table-top g-table-top-action__flex g-table-top-action__flex--br">
      <div class="g-table-top-action__left">
        <template v-if="checkType">
          <p v-if="failNum > 0">
            有 <span class="warning">{{failNum}}</span> 条人员信息验证不通过，请检查更正后重新上传！
          </p>
          <p v-else>信息全部验证通过，请点击确认导入。</p>
        </template>
      </div>
      <div class="g-table-top-action__right"></div>
    </div>
    <el-table v-if="tableList.length > 0" v-loading="isPageLoading" :height="tableHeight" :data="tableList">
      <el-table-column
        v-for="col in COL_INDEXS"
        :key="col.prop"
        :prop="col.interfaceParam"
        :label="col.label"
        :show-overflow-tooltip="noOverflow"
        :width="col.width"
        :min-width="col.minWidth || 120">
        <template slot-scope="scope">
          <span :style="col.isTips ? (scope.row[col.prop] === '检验通过' ? 'color: #67C23A;' : 'color: #F56C6C;') : ''">{{scope.row[col.prop] | filterBlank}}</span>
        </template>
      </el-table-column>
    </el-table>
    <div v-else class="g-table-empty">
      <no-record></no-record>
    </div>
    <div v-if="checkType" class="g-table-bottom">
      <el-button size="small" @click="$cancelImport">取消</el-button>
      <el-button :disabled="checkType === 'fail'" size="small" @click="$debounceSave" type="primary">确认导入</el-button>
    </div>
  </div>
</div>
